#corps
{
    height:auto !important;
    height:100%;
    min-height:100%;
    margin:0 auto -70px 0;
}
#contenu
{
    width:96%;
    padding:0px 20px;
    margin:auto;
}
#sous_menu
{
    float:left;
    width:350px;
    background:#6399FF;
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    padding:0px 10px 10px 10px;
    margin-bottom:50px;
}
#sous_menu .categorie_menu
{
    margin-left:30px;
}
#sous_menu li
{
    list-style:none;
}
#sous_menu h2
{
    margin-bottom:20px;
}
#sous_menu .titres, #sous_menu .categorie_menu li
{
    padding:8px 10px;
    margin:10px 0px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
}
#sous_menu .titres
{
    font-size:14px;
    font-weight:bold;
    background:#2C5BB5;
}
#sous_menu .categorie_menu li
{
    cursor:pointer;
    -webkit-box-shadow:inset -1px -1px 2px grey;
    -moz-box-shadow:inset -1px -1px 2px grey;
    background:#E0DFE4;
    color:#2C5BB5;
    border:1px solid #5D5D5D;
}
#sous_menu .categorie_menu li:active
{
    -webkit-box-shadow:inset 1px 1px 2px grey;
    -moz-box-shadow:inset 1px 1px 2px grey;
}
#sous_menu .categorie_menu .lien_actif_sous_menu
{
    background:#E0DFE4 url("../images/bg_lien.png") no-repeat top right;
}
#sous_menu .categorie_menu .lien_sous_menu div
{
    display:none;
}
#sous_menu .categorie_menu  div
{
    padding-top:10px;
}
.zone_profil
{
    background:#6399FF;
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    padding:10px;
    position:relative;
    top:0px;
}

/* PAGE DE CONNEXION */
#connexion
{
    width:600px;
}
#connexion form
{
    width:410px;
    margin:auto;
    padding:0px 55px 10px 55px;
    background:#6399FF;
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    line-height:50px;
    text-align:right;
    position:relative;
    z-index:2;
}
#connexion #bg
{
    position:relative;
    top:-40px;
    left:440px;
    z-index:1;
}
#connexion form h2
{
    margin:auto;
    margin-bottom:10px;
    background:#2C5BB5;
    width:60%;
    font-size:16px;
    text-align:center;
    -webkit-border-bottom-left-radius:8px;
    -webkit-border-bottom-right-radius:8px;
    -moz-border-radius-bottomleft:8px;
    -moz-border-radius-bottomright:8px;
}
#connexion form input
{
    padding-left:35px;
}

/* PAGE BASE DE DONNEES */
#affichage_page
{
    margin-left:400px;
}
#villes_concessionnaires, #liste_centres, #liste_villes, #liste_concessionnaire
{
    background:#6399FF;
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    width:100%;
    margin:auto;
    padding:1px 0px;
}
#ajout_concessionnaire div, #form_ville div, #form_centre div, #form_code_postal div, #form_concessionnaire div, #form_profil div
{
    width:100%;
    margin:auto;
    padding:1px 0px;
    background:#6399FF;
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    line-height:70px;
}
#ajout_concessionnaire form, #form_ville form, #form_centre form, #form_code_postal form, #form_concessionnaire form, #form_profil form
{
    width:96%;
    margin:auto;
}

/* PAGE ADMINISTRATION*/
#liste_profils
{
    background:#6399FF;
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    width:100%;
    margin:auto;
    padding:5px 0px;
}
#tab_profils
{
    border:3px solid #2C5BB5;
    margin:10px;
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    background:#E0DFE4;
    color:#000;
    -webkit-box-shadow:2px 2px 5px #303030;
    -moz-box-shadow:2px 2px 5px #303030;
}
#tab_profils table
{
    width:100%;
    margin:auto;
    text-align:center;
    border-collapse:collapse;
}
#tab_profils table .titre_colonnes td
{
    padding:13px;
    font-weight:bold;
    text-decoration:underline;
    font-size:17px;
    border-bottom:10px solid #2C5BB5;
}
#tab_profils table td
{
    padding:10px;
    border-bottom:2px solid #2C5BB5;
    border-left:1px solid #B8B8B8;
}
#ajout_profil div, #sauvegarde_bdd div, #options_generales div
{
    width:100%;
    margin:auto;
    padding:1px 0px;
    background:#6399FF;
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    line-height:70px;
}
#ajout_profil form, #sauvegarde_bdd form, #options_generales form
{
    width:96%;
    margin:auto;
}

/* PAGE D'ACCUEIL */
.accueil
{
    width:100%;
    margin:auto;
}
.cache
{
    position:absolute;
    top:0px;
    left:0px;
    background:grey;
    opacity:0.7;
    width:100%;
    margin:0px;
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    z-index:100;
}
#nouvelles
{
    width:100%;
    height:265px;
    position:relative;
    top:6px;
}
#nouvelles_gauche
{
    width:40%;
    padding-right:12px;
}
#nouvelles_droite
{
    background:#2C5BB5;
    height:245px;
    overflow:auto;
    width:97%;
    padding:10px;
}
.nouvelle_manuelle
{
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    padding:0px 5px;
    line-height:25px;
}
#mini-agenda
{
    width:50%;
    padding-left:20px;
}
#presentation
{
    width:100%;
    margin:auto;
    height:50px;
    position:relative;
    top:-70px;
}
#presentation td
{
    position:absolute;
}
.accueil #photo
{
    top:5px;
    right:855px;
    width:102px;
    height:102px;
}
.accueil #infos
{
    top:5px;
    right:575px;
    width:240px;
    height:92px;
    overflow: auto;
    color:#000;
    padding: 5px;
    line-height: 23px;
}
.accueil #alertes
{
    top:5px;
    right:145px;
    width:400px;
    height:102px;
    overflow:hidden;
}
.accueil #horloge
{
    top:0px;
    right:10px;
}
.accueil #centre
{
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
}
.accueil #tour, .accueil #alertes, .accueil #infos, .accueil #photo
{
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    -webkit-box-shadow:2px 2px 5px grey;
    -moz-box-shadow:2px 2px 5px grey;
    border:4px solid #2C5BB5;
    background:#FFF;
}
.accueil .aiguille, .accueil #centre
{
    -webkit-box-shadow:1px 1px 3px #7B7B7B;
    -moz-box-shadow:1px 1px 3px #7B7B7B;
}
.accueil .zone_contenu
{
    background:#6399FF;
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    padding:0px 10px 10px 10px;
    min-height:270px;
    position:relative;
    top:0px;
}
#note
{
    margin-left:320px;
    margin-right:10px;

}
#note .the_note
{
    width:96%;
    background:#FFF;
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    color:#000;
    padding:10px;
    margin:20px 0px;
    text-align:left;
    position:relative;
    top:0px;
}
#a_venir div
{
    background:#FFF;
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    color:#000;
    padding:10px;
}
#note .the_note a, .the_nouvelle, .the_nouvelle_bis
{
    background:#FFF;
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    color:#2C5BB5;
    padding:0px 4px;
    border:2px solid #2C5BB5;
    position:absolute;
    right:-4px;
    top:-4px;
}
.the_nouvelle
{
    right:6px;
    top:6px;
}
.the_nouvelle_bis
{
    line-height:15px;
    right:3px;
    top:3px;
}
#note .the_note a:hover, .the_nouvelle:hover, .the_nouvelle_bis:hover
{
    color:#000;
    border-color:#000;
    text-decoration:none;
}
#note form
{
    text-align:center;
    line-height:50px;
}
#a_venir h3
{
    padding:4px 8px;
    background:#2C5BB5;
    margin:10px 0px;
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
}
#a_venir strong
{
    color:#2C5BB5;
    text-decoration:underline;
}
#indicateur
{
    background:#FFF;
    padding:1px 5px;
    border:2px solid orange;
    -webkit-border-radius:20px;
    -moz-border-radius:20px;
    font-size:15px;
    color:#2C5BB5;
    text-decoration:blink;
    position:relative;
    top:-12px;
    left:-13px;
    margin-left:-15px;
}
.indicateur_bis
{
    background:#D0D0D0;
    padding:2px 5px;
    border:1px solid #FFF;
    -webkit-border-radius:20px;
    -moz-border-radius:20px;
    font-size:11px;
    color:#6B6B6B;
    float:right;
    position:relative;
    top:-12px;
    right:-35px;
    margin-left:-40px;
}
.liste_mp
{
    width:95%;
    margin:auto;
    border-collapse:collapse;
    background:#FFF;
    border:1px solid #FFF;
    margin-bottom:15px;
    -webkit-box-shadow:2px 2px 5px #303030;
    -moz-box-shadow:2px 2px 5px #303030;
}
.liste_mp th
{
    padding:5px;
    background:#2C5BB5;
    border:1px solid #FFF;
}
.liste_mp td
{
    padding:7px;
    color:#000;
    text-align:center;
}
.liste_utilisateurs
{
    padding:15px 5px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    -webkit-box-shadow:inset 1px 1px 2px grey;
    -moz-box-shadow:inset 1px 1px 2px grey;
    border:1px solid grey;
    width:30%;
    height:390px;
    margin-right:25px;
    float:left;
    overflow:auto;
    background:#EEEEEE;
    position:relative;
    z-index:100;
}
.liste_concessionnaires
{
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    -webkit-box-shadow:inset 1px 1px 2px grey;
    -moz-box-shadow:inset 1px 1px 2px grey;
    color:#000;
}
#mes_contenus
{
    max-height:500px;
    overflow:auto;
}
#mes_onglets
{
    margin-left:30px;
}
#mes_onglets li
{
    -webkit-border-top-left-radius:8px;
    -webkit-border-top-right-radius:8px;
    -moz-border-radius-topleft:8px;
    -moz-border-radius-topright:8px;
    margin-left:20px;
}
.mon_onglet
{
    float:left;
    padding:2px 16px;
    margin-right:15px;
    background:#D0D0D0;
    border:1px solid #FFF;
    cursor:pointer;
    font-weight:bold;
    margin-bottom:-1px;
    list-style-type:none;
    color:grey;
}
.mon_onglet:hover
{
    background:#e3e3e3;
}
.mon_onglet_selected
{
    color:#000;
    float:left;
    padding:2px 16px;
    margin-right:15px;
    background:#FFF;
    border-top:1px solid #FFF;
    border-right:1px solid #FFF;
    border-left:2px solid #c1c1c1;
    border-bottom:1px solid #f2f2f2;
    cursor:default;
    font-weight:bold;
    margin-bottom:-1px;
    list-style-type:none;
}
.clear
{
    clear:left;
}
.tab_forum
{
    width:96%;
    margin:auto;
    background:#e0e0e0;
    border:1px solid #5e5e5e;
    margin-bottom:15px;
    font-size:12px;
    -webkit-box-shadow:2px 2px 5px #303030;
    -moz-box-shadow:2px 2px 5px #303030;
}
.tab_forum thead th
{

    padding:3px 0px;
    background:#2C5BB5;
}
.tab_forum td
{
    background:#fff;
    text-align:center;
    color:#000;
    padding:4px;
}

/* PAGE D'ADMINISTRATION */

/* PAGE DES DOSSIERS D'ETUDES */
#liste_etude
{
    width:100%;
    margin:auto;
    padding:1px 0px;
    background:#6399FF;
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
}
#liste_etude #arborescence
{
    width:96%;
    margin:20px auto;
}
.ligne_dossier
{
    font-size:15px;
    font-weight:bold;
    padding:0px;
}
.ligne_dossier sup
{
    font-size:12px;
    font-style:italic;
}
.ligne_dossier input
{
    padding:2px 0px;
    position:relative;
    top:-2px;
    width:25px;
}
.ligne_dossier img
{
    position:relative;
    top:5px;
}
#nouvelle_etude
{
    background:#6399FF;
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    padding:0px 10px 10px 10px;
    line-height:70px;
    text-align:center;
    padding:20px;
    margin-bottom:0px;
}
.creation_dr
{
    background:#6399FF;
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    padding:0px 10px 10px 10px;
    margin-bottom:0px;
}
.creation_dr form
{
    width:100%;
    position: relative;
}
#nouvelle_etude table
{
    width:95%;
    margin:auto;
}
#nouvelle_etude td
{
    width:50%;
}
#nouvelle_etude form
{
    background:url("../images/bg_new_dossier.png") no-repeat top left;
}
.feu_vert
{
    width:20px;
    height:30px;
    background:#00D435;
    position:relative;
    top:0px;
    margin:0px 0px -42px 0px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border:1px solid grey;
    -webkit-box-shadow:inset -1px -1px 2px grey;
    -moz-box-shadow:inset -1px -1px 2px grey;
}
.feu_gris
{
    width:20px;
    height:30px;
    background:#E0DFE4;
    position:relative;
    top:0px;
    margin:0px 0px -42px 0px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border:1px solid grey;
    -webkit-box-shadow:inset -1px -1px 2px grey;
    -moz-box-shadow:inset -1px -1px 2px grey;
}
.feu_noir
{
    width:20px;
    height:30px;
    background:#000;
    position:relative;
    top:0px;
    margin:0px 0px -42px 0px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border:1px solid grey;
    -webkit-box-shadow:inset -1px -1px 2px grey;
    -moz-box-shadow:inset -1px -1px 2px grey;
}
.feu_rouge
{
    width:20px;
    height:30px;
    background:#FF4242;
    position:relative;
    top:0px;
    margin:0px 0px -42px 0px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border:1px solid grey;
    -webkit-box-shadow:inset -1px -1px 2px grey;
    -moz-box-shadow:inset -1px -1px 2px grey;
}
.creation_dr
{
    position:relative;
}
#liste_choix_concessionnaires
{
    padding:0px 15px 5px 15px;
    background:#FFF;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    -webkit-box-shadow:1px 1px 12px grey;
    -moz-box-shadow:1px 1px 12px grey;
    border:1px solid grey;
    width:90%;
    height:390px;
    overflow:auto;
    background:#6399FF;
    position:absolute;
    top:370px;
    right:30px;
}
#liste_choix_concessionnaires div
{
    -moz-column-count: 2;
    -moz-column-rule: 1px solid #bbb;
    -moz-column-gap: 2em;
    -webkit-column-count: 2;
    -webkit-column-rule: 1px solid #bbb;
    -webkit-column-gap: 2em;
}
#plan_situation, #actions_dr
{
    width:98%;
    margin:auto;
    text-align: center;
    line-height: 40px;
}
